<template>
	<view>
		<view class="page_header">
			<view class="status-bar"></view>
			<view class="navtop">
				<image @click="back" src="/static/index/Back_icon.png" mode="widthFix" class="back_icon"></image>
				<text class="balance">余额提现</text>
				<!-- 右边自定义图片 -->
				<image @click="godetaile" src="/static/user2/zhangdan.png" style="width: 32rpx;height: 35rpx;position: absolute;right:65rpx;"></image>
			</view>
		</view>
		<view class="status-bar"></view>
		<view class="" style="height: 100rpx ;">
		</view>
		
		<view class="main">
			<text class="frame"></text>
			<text class="txmethods">提现方式</text>
			<view class="paybox">
				<image class="payimg" :src="payimg"></image>
				<text class="payfont">{{payFont}}</text>
			</view>
			<text class="framea"></text>
			<text class="cgtixian">常规提现</text>
			<text class="txMoney">提现金额:</text>
			<input class="input" type="number" placeholder="请输入提现金额"/>
			<text class="actualReceipt">实际到账: ￥ {{actualReceipt}}</text>
			<text class="serviceCharge">手续费: ￥ {{serviceCharge}}</text>
			<view class="alltixian">
				全部提现
			</view>
			<text class="frameb"></text>
			<text class="txrule">提现规则</text>
			<view class="ruleBox">
				<text class="fonta">提现2元起，首次提现2元免手续费，2元以上收取2%手续费</text>
				<text class="fontb">每天可提现一次，每笔最多500元，50以下秒到，50以上提现一个工作日内到账，节假日延后至工作日发放</text>
				<text class="fontc">推广佣金高于2000元即可联系客服申请大额提现</text>	
			</view>
			<view class="num">
				<text>1.</text>
				<text>2.</text>
				<text>3.</text>
			</view>
		</view>
		<view class="queren">
			确认提现
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				payimg:'',
				payFont:'',
				actualReceipt:'0.00000',
				serviceCharge:'0.00000'
			};
		},
		 onLoad() {
		   var that = this
		   uni.getStorage({
		    key: 'tixian',
		    success: function(res) {
		     console.log(res.data)
			 that.payimg=res.data.payimg
			 that.payFont=res.data.payFont
		    }
		   })
		  },
		methods:{
			back(){
				uni.navigateBack({
					delta:1,
				})
			},
			godetaile(){
				uni.navigateTo({
					url:'../merchantSettled/withdrawalRecord'
				})
				}
		}
	}
</script>

<style>

	.zhangdan_icon{
		width: 32rpx;
		height: 35rpx;
		position: absolute;
		top: 33rpx;
		right: 35rpx;
	}
	.main{
		width: 750rpx;
		height: 850rpx;
		position: relative;
		}
		.frame{
			display: block;
			width:10rpx;
			height:30rpx;
			background:rgba(115,34,216,1);
			border-radius:5rpx;
			position: absolute;
			top: 30rpx;
			left: 20rpx;
		}
		.txmethods{
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(46,46,46,1);
			position: absolute;
			top: 25rpx;
			left: 42rpx;
		}
		.paybox{
			width:710rpx;
			height:100rpx;
			background:rgba(255,255,255,1);
			border-radius:10rpx;
			position: relative;
			top: 90rpx;
			left: 20rpx;
			display: flex;
			align-items: center;
		}
		.payimg{
			width: 60rpx;
			height: 60rpx;
			position: absolute;
			left: 22rpx;
		}
		.payfont{
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(46,46,46,1);
			position: absolute;
			left: 95rpx;
		}
		.framea{
			display: block;
			width:10rpx;
			height:30rpx;
			background:rgba(115,34,216,1);
			border-radius:5rpx;
			position: absolute;
			top: 230rpx;
			left: 20rpx;
		}
		.cgtixian{
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(46,46,46,1);
			position: absolute;
			top: 225rpx;
			left: 42rpx;
		}
		.txMoney{
			font-size:34rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(51,51,51,1);
			position: absolute;
			top: 315rpx;
			left: 41rpx;
		}
		.input{
			width: 480rpx;
			height: 40rpx;
			position: absolute;
			top: 317rpx;
			left: 190rpx;
			}
			.actualReceipt{
				font-size:24rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(142,142,142,1);
				position: absolute;
				top: 404rpx;
				left: 41rpx;
			}
			.serviceCharge{
				font-size:24rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(142,142,142,1);
				position: absolute;
				top: 404rpx;
				left: 300rpx;
			}
			.alltixian{
				width:150rpx;
				height:56rpx;
				background:rgba(115,34,216,1);
				border-radius:28rpx;
				font-size:28rpx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(255,255,255,1);
				display: flex;
				justify-content: center;
				align-items: center;
				position: absolute;
				top: 386rpx;
				right: 20rpx;
				}
				.frameb{
					display: block;
					width:10rpx;
					height:30rpx;
					background:rgba(115,34,216,1);
					border-radius:5rpx;
					position: absolute;
					top: 495rpx;
					left: 20rpx;
				}
				.txrule{
					font-size:28rpx;
					font-family:PingFang SC;
					font-weight:400;
					color:rgba(46,46,46,1);
					position: absolute;
					top: 488rpx;
					left: 42rpx;
				}
				.ruleBox{
					width: 630rpx;
					height: 280rpx;
					position: absolute;
					top: 555rpx;
					left: 85rpx;
					display: flex;
					flex-wrap: wrap;
					align-content: space-between;
				}
				.fonta{
					font-size:26rpx;
					font-family:PingFang SC;
					font-weight:400;
					color:rgba(46,46,46,1);
				}
				.fontb{
					font-size:26rpx;
					font-family:PingFang SC;
					font-weight:400;
					color:rgba(46,46,46,1);
				}
				.fontc{
					font-size:26rpx;
					font-family:PingFang SC;
					font-weight:400;
					color:rgba(46,46,46,1);
				}
				.num{
					width: 30rpx;
					height: 280rpx;
					font-size:26rpx;
					font-family:PingFang SC;
					font-weight:400;
					color:rgba(46,46,46,1);
					display: flex;
					flex-wrap: wrap;
					align-content: space-between;
					position: absolute;
					top: 555rpx;
					left: 50rpx;
					}
					.queren{
						width:710rpx;
						height:90rpx;
						background:rgba(115,34,216,1);
						box-shadow:0rpx 0rpx 18rpx 2rpx rgba(115,34,216,0.3);
						border-radius:20rpx;
						font-size:38rpx;
						font-family:PingFang SC;
						font-weight:bold;
						color:rgba(255,255,255,1);
						display: flex;
						justify-content: center;
						align-items: center;
						position: relative;
						top: 270rpx;
						left: 20rpx;
						}
</style>
